<template>
    <el-table :data="data" border style="width: 100%">
      <el-table-column label="消息内容" >
        <template #default="scope">
            <el-tag >{{ scope.row.apprKe_id }}</el-tag>
            <el-tag >{{ scope.row.appr_type }}</el-tag>
      </template>

      </el-table-column>
      <el-table-column prop="request_fasor" label="发送人" width="180" />
      <el-table-column prop="request_dates" label="消息时间" width="180" />
    </el-table>

    <div class="yuyuyu">
      <el-pagination 
      background layout="total, sizes, prev, pager, next, jumper" :total="totle" 
      :page-sizes="[10, 20, 30, 40]"
      @current-change="page => lodaDate(page)" 
      />
    </div>

  </template>

<script setup lang="ts">
import {messageXtong} from '../hooks'

const [data,totle,lodaDate]=messageXtong()


</script>

<style lang="scss" scoped>
.yuyuyu {
  width: 700px;
  margin: auto;
  margin-top: 15px;
}

</style>